<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>实勘</title>
    <link rel="stylesheet" href="../../css/weui.css">
    <link rel="stylesheet" type="text/css" href="../../css/jquery.datetimepicker.css" />
    <link rel="stylesheet" href="../../css/amazeui.css">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

</head>
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body,
    html {
        width: 100%;
        background: #ebecf1;
    }

    header {
        text-align: center;
        height: 44px;
        line-height: 44px;
        position: relative;
    }

    .button {
        width: 80%;
        margin: 30px auto;
        display: block;
        outline: none;
    }

    .am-input-group-label {
        background: #fff;
        border: none;
        font-size: 14px;
    }

    .am-form-field {
        border: none;
        text-align: right;
        outline: none;
        padding-right: 16px;
        color: #1197ff;
    }

    .am-input-group {
        position: relative
    }


    .weui-picker__action {
        color: #0e90d2;
    }

    .am-form-field {
        color: #000;
    }

    .xinxiTitle {
        padding: 0px 12px;
        margin-top: 5px;
        height: 38px;
        line-height: 38px;
        background: #fff;
    }

    .xinxibox {
        background: #FFF;
        padding: 10px;

    }
    
    .xinxiTITLE_2 {
        padding: 0 12px;
        height: 38px;
        line-height: 38px;
        background: transparent;
        margin-bottom: 10px;
        color: #777;
    }

    .am-checkbox-inline+.am-checkbox-inline,
    .am-radio-inline+.am-radio-inline {
        margin: 0
    }
    .am-btn-primary{
        border-radius: 8px ;
    }
    .am-btn{
    font-size: 14px; 
    color: #fff;
    padding: 10px;
    outline: none;
    border:none;
    }
    #bianhao{
        font-size: 12px;
    }
    .am-form-field>input[type="file"]{
        position: absolute;
        top: 0;
        left: 0;
        width:100%;
        height: 100%;
        opacity: 0;
    }
    .button {
            width: 90%;
            margin: 30px auto;
            display: block;
            outline: none;
            background: #1197ff;
            border-radius: 5px;
            height: 40px;

        }
</style>

<body>
    <div class="shenhe" style="
    position: fixed;
    width: 45%;
    right: 10px;
    bottom: 14px;
    background: #1197ff;
    color: #fff;
    z-index: 9999;
    border: 1px solid #1284dc;

    display: block;
    outline: none;
    background: #1197ff;
    border-radius: 5px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    ">
        提交审核
    </div>
    <div data-am-widget="tabs" style="margin:0;background: #FFF;" class="box am-tabs am-tabs-default">
        <ul style="background: #FFF;" class="am-tabs-nav am-cf">
            <li onclick="window.location.href='./dingdanxinxi.html?id='+GetQueryString('id')+'&SerialNumber='+GetQueryString('SerialNumber')"
                class="">
                <a href="javascript:;">订单详情</a>
            </li>
            <li onclick="window.location.href='./diyaxinxi.html?id='+GetQueryString('id')+'&SerialNumber='+GetQueryString('SerialNumber')"
                class="am-active">
                <a href="javascript:;">抵押信息</a>
            </li>
            <li onclick="window.location.href='./daikuanxinxi.html?id='+GetQueryString('id')+'&SerialNumber='+GetQueryString('SerialNumber')"
                class="">
                <a href="javascript:;">贷款信息</a>
            </li>
            <li onclick="window.location.href='./diaochazongshu.html?id='+GetQueryString('id')+'&SerialNumber='+GetQueryString('SerialNumber')"
                class="">
                <a href="javascript:;">调查综述</a>
            </li>
            <li onclick="window.location.href='./zhaopian.html?id='+GetQueryString('id')+'&SerialNumber='+GetQueryString('SerialNumber')"
                class="">
                <a href="javascript:;">照片</a>
            </li>
        </ul>
    </div>
    <div class="xinxiTitle" id="bianhao">
        订单编号：HD201802032268
    </div>
    <div class="xinxiTITLE_2">
        房屋基本信息
    </div>
    <form method="post" id="form">
        <div class="xinxibox">
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">借款人房屋所有权占比：</span>
                    <input name="HourseAccounted" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">小区推广名：</span>
                    <input name="CellName" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">房屋地址：</span>
                    <input name="HourseAddress" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">产权证号：</span>
                    <input name="PropertyNum" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">楼栋号：</span>
                    <input name="BuildingNo" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">门牌号：</span>
                    <input name="HouseNumber" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">建成年代：</span>
                    <input name="BuiltTime" type="text" id="datetimepicker6" class="am-form-field input time"
                        placeholder="请输入" onclick="laydate({istime: true,format:'YYYY-MM-DD'})">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">购买日期：</span>
                    <input type="text" id="datetimepicker" name="PurchaseDate" class="am-form-field input time"
                        placeholder="请输入日期" onclick="laydate({istime: true,format:'YYYY-MM-DD'})">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">实际用途：</span>
                    <div class="am-form-group am-form-field" style="white-space:nowrap;">
                        <label class="am-radio-inline">
                            <input checked type="radio" name="PracticalUse" value="0"> 办公
                        </label>
                        <label class="am-radio-inline">
                            <input type="radio" name="PracticalUse" value="1"> 居住
                        </label>
                        <label class="am-radio-inline">
                            <input type="radio" name="PracticalUse" value="2"> 空置
                        </label>
                        <label class="am-radio-inline">
                            <input type="radio" name="PracticalUse" value="3"> 其他
                        </label>
                    </div>
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">取得产权证日期：</span>
                    <input type="text" id="datetimepicker2" name="RightCardTime" class="am-form-field input time"
                        placeholder="请输入日期" onclick="laydate({istime: true,format:'YYYY-MM-DD'})">
                </div>
            </div>
            <div class="list_box daibiao">
                <div class="am-input-group">
                    <span class="am-input-group-label">首次获得房本日期：</span>
                    <input type="text" id="datetimepicker3" name="RoomBookTime" class="am-form-field input" placeholder="请输入日期"
                        onclick="laydate({istime: true,format:'YYYY-MM-DD'})">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">总楼层：</span>
                    <input name="TotaFloor" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">房屋所在楼层：</span>
                    <input name="Floor" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">房屋性质：</span>
                    <input name="HourseNature" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">房屋结构：</span>
                    <input name="HourseStructure" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">规划用途：</span>
                    <input name="PlanningPurposes" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">建筑面积：</span>
                    <input name="ConstructionArea" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">下户地址是否与房本地址一致：</span>
                    <div class="am-form-group am-form-field">
                        <label class="am-radio-inline">
                            <input checked type="radio" name="Consistent" value="1">否
                        </label>
                        <label class="am-radio-inline">
                            <input type="radio" name="Consistent" value="0"> 是
                        </label>
                    </div>
                </div>
            </div>
            <div style="padding: 5px 12px;margin: 0;" class="am-form-group">
                <label for="doc-ta-1">如不一致请下面说明：</label>
                <textarea name="Instructions" class="input2" style="width: 100%;resize:none;border-radius: 10px;outline: none;padding:5px;"
                    class="" rows="5" id="doc-ta-1"></textarea>
            </div>
        </div>
        <div class="xinxiTITLE_2">
            抵押物室内信息
        </div>
        <div class="xinxibox">
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">户型：</span>
                    <input name="DoorModel" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">朝向：</span>
                    <input name="Toward" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">使用情况：</span>
                    <input name="Usage" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">装修情况：</span>
                    <input name="Decorate" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">卫生情况：</span>
                    <input name="HealtSituation" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">结构有无改动：</span>
                    <input name="HaveChanges" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box xuequ">
                <div class="am-input-group">
                    <span class="am-input-group-label">是否居住老人、幼婴、病残：</span>
                    <div class="am-form-group am-form-field">
                        <label class="am-radio-inline">
                            <input checked type="radio" value="1" name="Special">否
                        </label>
                        <label class="am-radio-inline">
                            <input type="radio" value="0" name="Special"> 是
                        </label>
                    </div>
                </div>
            </div>
            <div class="list_box xuequ">
                <div class="am-input-group">
                    <span class="am-input-group-label">房屋是否出租（如有）：</span>
                    <div class="am-form-group am-form-field">
                        <label class="am-radio-inline">
                            <input type="radio" value="1" class="fangwuchuzu" name="Rent">否
                        </label>
                        <label class="am-radio-inline">
                            <input checked type="radio" value="0" class="fangwuchuzu" name="Rent"> 是
                        </label>
                    </div>
                </div>
            </div>
            <div class="list_box aaa">
                <div class="am-input-group">
                    <span class="am-input-group-label">上传租赁合同：</span>
                    <div class="am-form-field">
                        <img src="../../images/xiangji.png" alt="">
                        <input srcImg="" name="LeaseContract" type="file" onchange="ajaxFileUpload(this)" class="LeaseContract">
                    </div>
                </div>
            </div>
        </div>
        <div class="xinxiTITLE_2">
            抵押物社区及周边信息
        </div>
        <div class="xinxibox">
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">小区总栋楼：</span>
                    <input name="WholBuilding" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">社区建筑构成：</span>
                    <div style="height: auto;text-align: left" class="am-form-field">
                        <label class="am-checkbox-inline ">
                            <input  name="Buildings" type="checkbox" value="0"> 低板楼
                        </label>
                        <label class="am-checkbox-inline ">
                            <input name="Buildings" type="checkbox" value="1"> 高板楼
                        </label>
                        <label class="am-checkbox-inline ">
                            <input name="Buildings" type="checkbox" value="2"> 塔楼
                        </label>
                        <label class="am-checkbox-inline ">
                            <input name="Buildings" type="checkbox" value="3"> 洋房
                        </label>
                        <label class="am-checkbox-inline ">
                            <input name="Buildings" type="checkbox" value="4"> 联排别墅
                        </label>
                        <label class="am-checkbox-inline ">
                            <input name="Buildings" type="checkbox" value="5"> 独栋别墅
                        </label>
                        <br>
                        <label class="am-checkbox-inline ">
                            <input name="Buildings" type="checkbox" value="6"> 叠拼别墅（</label>
                        <label class="am-checkbox-inline ">
                            <input name="Buildings" type="checkbox" value="7">上叠</label>
                        <label class="am-checkbox-inline ">
                            <input name="Buildings" type="checkbox" value="8">下叠</label>）
                    </div>
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">社区成熟度：</span>
                    <input name="Maturity" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">社区保安：</span>
                    <input name="Security" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <!-- 111111 -->
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">是否学区房：</span>
                    <div class="am-form-group am-form-field">
                        <label class="am-radio-inline">
                            <input name="DistrictRoom" type="radio" checked value="0" class='xuequfang' name="DistrictRoom">是
                        </label>
                        <label class="am-radio-inline">
                            <input name="DistrictRoom" value="1" class='xuequfang' type="radio" name="DistrictRoom">
                            否
                        </label>
                    </div>
                </div>
            </div>
            <div class="xuequfang2">
                <div class="list_box xuequ">
                    <div class="am-input-group">
                        <span class="am-input-group-label">具体学区房信息：</span>
                        <input name="DistrictRoomInfo" type="text" class="am-form-field input" placeholder="请输入">
                    </div>
                </div>
                <div class="list_box xuequ">
                    <div class="am-input-group">
                        <span class="am-input-group-label">学区房是否已用：</span>
                        <div class="am-form-group am-form-field">
                            <label class="am-radio-inline">
                                <input type="radio" class="xuequfangshijian" value="1" name="IsUse">否
                            </label>
                            <label class="am-radio-inline">
                                <input checked class="xuequfangshijian" type="radio" value="0" name="IsUse"> 是
                            </label>
                        </div>
                    </div>
                </div>
                <div class="xuequfangshijianbox">
                    <div class="list_box xuequ">
                        <div class="am-input-group">
                            <span class="am-input-group-label">已用时间：</span>
                            <input type="text" name="UserTime" class="am-form-field input" placeholder="请输入">
                        </div>
                    </div>
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">绿化卫生：</span>
                    <input name="Greening" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">社区车位情况：</span>
                    <div class="am-form-group am-form-field">
                        <label class="am-radio-inline">
                            <input type="radio" name="Parking" value="1"> 地下车位
                        </label>
                        <label class="am-radio-inline">
                            <input checked type="radio" name="Parking" value="0">地上车位
                        </label>
                    </div>
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">周边景观：</span>
                    <div style="height:auto; text-align: left; " class="am-form-group am-form-field">
                        <label class="am-checkbox-inline">
                            <input name="Surrounding" type="checkbox" value="0"> 江景房
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="Surrounding" type="checkbox" value="1"> 湖景房
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="Surrounding" type="checkbox" value="2"> 海景房
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="Surrounding" type="checkbox" value="3"> 山景房
                        </label>
                    </div>
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">附近是否有地铁站：</span>
                    <div class="am-form-group am-form-field">
                        <label class="am-radio-inline">
                            <input checked type="radio" value="1" class="ditiezhan" name="SubwayStation">否
                        </label>
                        <label class="am-radio-inline">
                            <input type="radio" value="0" class="ditiezhan" name="SubwayStation"> 是
                        </label>
                    </div>
                </div>
            </div>
            <div class="list_box ditiezhanbox">
                <div class="am-input-group">
                    <span class="am-input-group-label">最近地铁线路：</span>
                    <input name="SubwayLines" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>

            <div class="list_box ditiezhanbox">
                <div class="am-input-group">
                    <span class="am-input-group-label">最近地铁站：</span>
                    <input name="Subway" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box ditiezhanbox">
                <div class="am-input-group">
                    <span class="am-input-group-label">与地铁步行距离：</span>
                    <input name="WalkingDistance" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">附近是否有嫌恶设备：</span>
                    <div style="height:auto;text-align: left" class="am-form-group am-form-field">
                        <label class="am-checkbox-inline">
                            <input name="DisgustEquipment" type="checkbox" value="0"> 垃圾场
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="DisgustEquipment" type="checkbox" value="1"> 高压电站
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="DisgustEquipment" type="checkbox" value="2"> 火车
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="DisgustEquipment" type="checkbox" value="3"> 加油站
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="DisgustEquipment" type="checkbox" value="4"> 墓地或殡仪馆
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="DisgustEquipment" type="checkbox" value="5"> 高架桥（地铁高架和高铁高架）
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="xinxiTITLE_2">
            抵押物价值信息
        </div>
        <div class="xinxibox">
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">中介名称1：</span>
                    <input name="MediationName1" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">挂牌价格：</span>
                    <input name="ListedPrice1" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">快速出手价格：</span>
                    <input name="QuickPrice1" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">最近成交时间：</span>
                    <input type="text" id="datetimepicker4" name="ClinchTime1" class="am-form-field input time"
                        placeholder="请输入日期" onclick="laydate({istime: true,format:'YYYY-MM-DD'})">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">上传名片：</span>
                    <div class="am-form-field">
                        <img src="../../images/xiangji.png" alt="">
                        <input srcImg="" name="BusinessCardUrl1" type="file" onchange="ajaxFileUpload(this)" class="BusinessCardUrl1">
                    </div>
                </div>
            </div>
            <div class="xinxiTITLE_2">

            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">中介名称2：</span>
                    <input name="MediationName2" type="text" class="am-form-field zhongjie input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">挂牌价格：</span>
                    <input name="ListedPrice2" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>

            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">快速出手价格：</span>
                    <input name="QuickPrice2" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">最近成交时间：</span>
                    <input type="text" id="datetimepicker5" name="ClinchTime2" class="am-form-field input time"
                        placeholder="请输入日期" onclick="laydate({istime: true,format:'YYYY-MM-DD'})">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">上传名片：</span>
                    <div class="am-form-field">
                        <img src="../../images/xiangji.png" alt="">
                        <input srcImg="" name="BusinessCardUrl2" type="file" onchange="ajaxFileUpload(this)" class="BusinessCardUrl2">
                    </div>
                </div>
            </div>
        </div>
        <div class="xinxiTITLE_2">
            税费情况
        </div>
        <div class="xinxibox">
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">税费情况：</span>
                    <div style="height:auto;text-align: left" class="am-form-group am-form-field">
                        <label class="am-checkbox-inline">
                            <input name="Taxes" checked type="radio" value="0"> 已满两年
                        </label>
                        <label class="am-checkbox-inline">
                            <input name="Taxes" type="radio" value="1"> 已满五年
                        </label>
                    </div>
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">唯一住房：</span>
                    <input name="OnlyHousing" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
            <div class="list_box">
                <div class="am-input-group">
                    <span class="am-input-group-label">税费合计：</span>
                    <input name="TaxAmount" type="text" class="am-form-field input" placeholder="请输入">
                </div>
            </div>
        </div>

        <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
            <div class="am-modal-dialog">
                <div class="am-modal-hd">提示</div>
                <div class="am-modal-bd cont">
                </div>
                <div class="am-modal-footer">
                    <span class="am-modal-btn">确定</span>
                </div>
            </div>
        </div>
    </form>
    <div class="zancun" style="
    width: 45%;
    position: fixed;
    left: 10px;
    bottom: 14px;
    background: rgb(17, 151, 255);
    font-size: 13px;
    border-radius: 5px;
    text-align: center;
    line-height: 39px;
    color: rgb(255, 255, 255);
    z-index: 2;
   ">
        <span>
            暂存信息
        </span>
    </div>
    <button class="button am-btn am-btn-primary" id="btn">提交</button>
    <div class="zancun" style="width: 90%;
    margin: 30px auto;
    display: block;
    outline: none;
    background: #1197ff;
    border-radius: 5px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    ">
        <span>
            暂存信息
        </span>
    </div>
    <div class="shenhe" style="
    width: 90%;
    margin: 30px auto;
    display: block;
    outline: none;
    background: #1197ff;
    border-radius: 5px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
">
        提交审核
    </div>
    <script src="../../js/jquery-3.2.1.min.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
    <script src="../../js/amazeui.js"></script>
    <script src="../../js/ajaxfileupload.js"></script>
    <script src="../../js/jquery.datetimepicker.js"></script>
    <style>
        input[readonly="readonly"] {
            background: #fff !important;
        }
    </style>
    <script>
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }
        $('#datetimepicker').attr('readonly', 'readonly')
        $('#datetimepicker2').attr('readonly', 'readonly')
        $('#datetimepicker3').attr('readonly', 'readonly')
        $('#datetimepicker4').attr('readonly', 'readonly')
        $('#datetimepicker5').attr('readonly', 'readonly')
        $('#datetimepicker6').attr('readonly', 'readonly')
        var myDate = new Date();
        $('.time').val(myDate.toLocaleDateString().replace(/\//g, '-')).css('border', 'none')
        $('.zancun').on('click', function () {
            obj = {}
            for (var i = 0; i < $('.input').length; i++) {
                var Name = $('.input').eq(i).attr('name');
                if ($('.input').eq(i)[0].localName == 'input') {
                    obj[Name] = $('.input').eq(i).val()
                } else {
                    obj[Name] = $('.input').eq(i).text()
                }
            }

            for (var lpl = 0; lpl < $('input[type="radio"]').length; lpl++) {
                if ($('input[type="radio"]').eq(lpl).prop('checked') == true) {
                    var lpltext = $('input[type="radio"]').eq(lpl).val()
                    var lplname = $('input[type="radio"]').eq(lpl).attr('name')
                    if (lplname != 'PracticalUse') {
                        if (lpltext == '0') {
                            lpltext = true;
                        } else {
                            lpltext = false;
                        }
                    }
                    obj[lplname] = lpltext
                }
            }
            for (var lpl = 0; lpl < $('input[type="checkbox"]').length; lpl++) {
                var oo = [];
                var name = $('input[type="checkbox"]').eq(lpl).attr('name')
                $('input[name="' + name + '"]:checked').each(function () {
                    oo.push($(this).val());
                });
                var ppppo = oo.join(',')
                obj[name] = ppppo
            }
            for (var p = 0; p < $('input[type="file"]').length; p++) {
                var Name = $('input[type="file"]').eq(p).attr('name');
                var srcImg = $('input[type="file"]').eq(p).attr('srcImg');
                obj[Name] = srcImg
            }
            obj['Instructions'] = $('.input2').eq(0).val();
            // obj[$('.zhongjie').attr('name')] = $('.zhongjie').val();
            console.log(JSON.stringify(obj))
            $.ajax({
                type: 'POST',
                url: http + '/api/prosprct/TSMortgageInformation?keyWord=' + zhi,
                headers: {
                    "Authorize": Access_token + '|' + Refresh_token
                },
                data: obj,
                success: function (data) {
                    console.log(JSON.stringify(data));
                    $(".cont").text(data.message)
                    $('#my-alert').modal('open')
                    return
                },
                error: function (err) {
                    console.log(JSON.stringify(err));
                }

            })
        })
        var zhi = localStorage.getItem('zhi')
        var SerialNumber = localStorage.getItem('SerialNumber')
        var http = localStorage.getItem('http')
        var UserId = localStorage.getItem('UserId')
        var Access_token = localStorage.getItem('Access_token')
        var Refresh_token = localStorage.getItem('Refresh_token');
        $('#bianhao').text('订单编号：' + SerialNumber)
        $.ajax({
            type: 'GET',
            url: http + '/api/prosprct/GetAllOrderMes',
            headers: {
                "Authorize": Access_token + '|' + Refresh_token
            },
            data: {
                keyValue: zhi
            },
            async: false,
            success: function (data) {
                console.log(JSON.stringify(data));

                dataarr = Object.keys(data.resultdata)
                for (var datakeys = 0; datakeys < Object.keys(data.resultdata).length; datakeys++) {
                    var MM = $("input[name=\'" + dataarr[datakeys] + "']")
                    var type = MM.attr('type')
                    console.log(type);
                    if (type == 'text') {
                        if (data.resultdata[dataarr[datakeys]] != 0) {
                            MM.val(data.resultdata[dataarr[datakeys]])
                        }
                    } else if (type == 'radio') {
                        if (dataarr[datakeys] == 'PracticalUse') {
                            $("input[name=\'" + dataarr[datakeys] + "']input[value='" + data.resultdata[dataarr[datakeys]] + "']").prop('checked', true);
                        } else if (data.resultdata[dataarr[datakeys]] == true) {
                            $("input[name=\'" + dataarr[datakeys] + "']input[value='0']").prop('checked', true);
                        } else {
                            $("input[name=\'" + dataarr[datakeys] + "']input[value='1']").prop('checked', true);
                        }
                    } else if (type == 'number') {
                        MM.val(data.resultdata[dataarr[datakeys]])
                    } else if (type == 'checkbox') {
                        if (data.resultdata[dataarr[datakeys]] != null) {
                            var duoxuan = data.resultdata[dataarr[datakeys]].split(',')
                            for (var po = 0; po < duoxuan.length; po++) {
                                $("input[name=\'" + dataarr[datakeys] + "']input[value='" + duoxuan[po] + "']").prop('checked', true);
                            }
                        }
                    } else if (type == 'file') {
                        if (data.resultdata[dataarr[datakeys]] == null) {

                        } else {
                            $("input[name=\'" + dataarr[datakeys] + "']").attr('srcimg', data.resultdata[dataarr[datakeys]]);
                            $("input[name=\'" + dataarr[datakeys] + "']").parent().find('img').attr('src', '../../images/yes.svg')
                        }
                    } else if (dataarr[datakeys] == 'Instructions') {
                        $('textarea').val(data.resultdata[dataarr[datakeys]])
                    }
                }
            }, error: function (err) {
                alert('获取数据失败')
            }
        })
        if ($('.xuequfang').eq(0).prop('checked') == true) {
            $('.xuequfang2').show()
            xuequ = true;
        } else {
            $('.xuequfang2').hide()
            xuequ = false;
        }

        if ($('.fangwuchuzu').eq(1).prop('checked') == true) {
            $('.aaa').show()
            aaaa = 1
        } else {
            $('.aaa').hide('');
            aaaa = 0
        }
        $('.fangwuchuzu').change(function () {
            if ($('.fangwuchuzu').eq(1).prop('checked') == true) {
                $('.aaa').show()
                aaaa = 1
            } else {
                $('.aaa').hide('');
                aaaa = 0
            }
        })
        if ($('.xuequfang').eq(0).prop('checked') == true) {
            $('.xuequfang2').show()
            xuequ = true;
        } else {
            $('.xuequfang2').hide()
            xuequ = false;
        }
        $('.xuequfang').change(function () {
            if ($('.xuequfang').eq(0).prop('checked') == true) {
                $('.xuequfang2').show()
                xuequ = true;
            } else {
                $('.xuequfang2').hide()
                xuequ = false;
            }
        })

        if ($('.xuequfangshijian').eq(0).prop('checked') == true) {
            $('.xuequfangshijianbox').hide();
            shijin = false
        } else {
            $('.xuequfangshijianbox').show();
            shijin = true
        }
        $('.xuequfangshijian').change(function () {
            if ($('.xuequfangshijian').eq(0).prop('checked') == true) {
                $('.xuequfangshijianbox').hide();
                shijin = false
            } else {
                $('.xuequfangshijianbox').show();
                shijin = true
            }
        })
        ditiezhan = '';
        if ($('.ditiezhan').eq(0).prop('checked') == true) {
            $('.ditiezhanbox').hide();
            ditiezhan = false
        } else {
            $('.ditiezhanbox').show();
            ditiezhan = true
        }
        $('.ditiezhan').change(function () {
            if ($('.ditiezhan').eq(0).prop('checked') == true) {
                $('.ditiezhanbox').hide();
                ditiezhan = false
            } else {
                $('.ditiezhanbox').show();
                ditiezhan = true
            }
        })

        // 首次获得房本日期： true 是需要
        $('.daibiaoinput').change(function () {
            if ($('.daibiaoinput').eq(0).prop('checked') == true) {
                daibiao = false;
            } else {
                $('.daibiao').fadeIn();
                daibiao = true;
            }
        })
        function textalert(text) {
            $('body,html').css('width', '100%').css('height', '100%');
            var dome =
                `<div style="text-align:center;position:absolute;top:50%;transform:translate(-50%,-50%);border-radius: 5px;background: rgba(0,0,0,0.5);padding: 0.2rem;left: 50%;z-index:9999999999999999999999999;" class="mask_boxcontent">
          <p style="color:#fff;margin:0;">${text}</p>
        </div>`
            $('body').append(dome);
            setTimeout(function () {
                $('.mask_boxcontent').fadeOut(500);
                setTimeout(function () {
                    $('.mask_boxcontent').remove();
                }, 500)
            }, 2000)
        }
        function ajaxFileUpload(th) {
            $('body').append(`<div style="z-index:99999999999999;top:0;
        left:0;position:fixed;width:100%;height:100%;" class="loidn">
                <div style="width:100%;position:absolute;top:50%;left:0%;text-align:center;transform:translateYs(-50%);">图片上传中...</div>
            
            </div>`)
            var thisclass = $(th).attr('class');
            num = 0;
            $.ajaxFileUpload({
                url: 'http://zhikewl.s1.natapp.cc/UploadImgs/DoUpload', //用于文件上传的服务器端请求地址
                secureuri: false, //是否需要安全协议，一般设置为false
                fileElementId: $(th), //文件上传域的ID
                dataType: 'json', //返回值类型 一般设置为json
                success: function (data, status) //服务器成功响应处理函数
                {
                    $('.loidn').remove()
                    console.log(JSON.stringify(data))
                    textalert(data.Msg)
                    if (data.State == true) {
                        data2 = data;
                        num = 1
                    }
                },
                error: function (data, status, e) //服务器响应失败处理函数
                {
                    console.log(data);
                    $('.loidn').remove()
                }
            })
            var time = setInterval(function () {
                if (num == 1) {
                    $('.' + thisclass).attr('srcImg', data2.Obj)
                    $('.' + thisclass).parent().find('img').attr('src', '../../images/yes.svg')
                    clearInterval(time)
                }
            }, 1)
            return false;
        }

        $("#btn").click(function () {
            $('body').append(`<div style="z-index:99999999999999;top:0;
            left:0;position:fixed;width:100%;height:100%;" class="loidn">
                <div style="width:100%;position:absolute;top:50%;left:0%;text-align:center;transform:translateYs(-50%);">请稍等</div>
            </div>`)
            var obj = {}
            for (var p = 0; p < $('.input').length; p++) {
                if ($('.input').eq(p)[0].localName == 'input') {
                    // console.log(JSON.stringify($('.input').eq(p).val()))
                    function ditiezhan() {
                        if (ditiezhan === false) {
                            if (te == '最近地铁线路：') {

                            } else if (te == '最近地铁站：') {

                            } else if (te == '与地铁步行距离：') {

                            } else {
                                if (te == '下户地址是否与房本地址一致：') {
                                    $(".cont").text('请输入' + te.replace('：', ''))
                                    $('#my-alert').modal('open')
                                    $('.button').removeAttr('disabled')
                                    $('.loidn').remove()
                                    return
                                }
                            }
                        } else if (ditiezhan == true) {
                            if (te == '下户地址是否与房本地址一致：') {
                                $(".cont").text('请输入' + te.replace('：', ''))
                                $('#my-alert').modal('open')
                                $('.button').removeAttr('disabled')
                                $('.loidn').remove()
                                return
                            } else {
                                $(".cont").text('请输入' + te.replace('：', ''))
                                $('#my-alert').modal('open')
                                $('.button').removeAttr('disabled')
                                $('.loidn').remove()
                                return
                            }

                        }
                    }
                    if ($('.input').eq(p).val() == '') {
                        var te = $('.input').eq(p).parent().find('span').text()
                        var tename = $('.input').eq(p).attr('name')
                        if (xuequ == false && shijin == true) {
                            if (te == '具体学区房信息：') {

                            } else if (te == '已用时间：') {

                            } else {
                                ditiezhan()
                            }
                        } else if (xuequ == true && shijin == false) {
                            if (te == '已用时间：') {

                            } else {
                                ditiezhan()

                            }
                        } else if (xuequ == false && shijin == false) {
                            if (te == '具体学区房信息：') {

                            } else if (te == '已用时间：') {

                            } else {
                                ditiezhan()
                            }
                        } else if (xuequ == true && shijin == true) {
                            // ditiezhan();
                            if (te == '最近地铁线路：') {

                            } else if (te == '最近地铁站：') {

                            } else if (te == '与地铁步行距离：') {

                            } else {
                                $(".cont").text('请输入' + te.replace('：', ''))
                                $('#my-alert').modal('open')
                                $('.button').removeAttr('disabled')
                                $('.loidn').remove()
                                return
                            }
                        }
                    } else if ($('.input').eq(p)[0].localName == 'div') {
                        if ($('.input').eq(p).text().length == 205) {
                            var te = $('.input').eq(p).parent().find('span').text()
                            $(".cont").text('请选择' + te.replace('：', ''))
                            $('#my-alert').modal('open')
                            $('.button').removeAttr('disabled')
                            $('.loidn').remove()
                            return
                        }
                    }
                }
            }
            for (var i = 0; i < $('.input').length; i++) {
                var Name = $('.input').eq(i).attr('name');
                if ($('.input').eq(i)[0].localName == 'input') {
                    obj[Name] = $('.input').eq(i).val()
                } else {
                    obj[Name] = $('.input').eq(i).text()
                }
            }

            for (var lpl = 0; lpl < $('input[type="radio"]').length; lpl++) {
                if ($('input[type="radio"]').eq(lpl).prop('checked') == true) {
                    var lpltext = $('input[type="radio"]').eq(lpl).val()
                    var lplname = $('input[type="radio"]').eq(lpl).attr('name')
                    if (lplname != 'PracticalUse') {
                        if (lpltext == '0') {
                            lpltext = true;
                        } else {
                            lpltext = false;
                        }
                    }
                    obj[lplname] = lpltext
                }
            }

            for (var lpl = 0; lpl < $('input[type="checkbox"]').length; lpl++) {
                var oo = [];
                var name = $('input[type="checkbox"]').eq(lpl).attr('name')
                $('input[name="' + name + '"]:checked').each(function () {
                    oo.push($(this).val());
                });
                var ppppo = oo.join(',')
                obj[name] = ppppo
            }

            for (var i = 0; i < $('input[type="file"]').length; i++) {
                if ($('input[type="file"]').eq(i).attr('srcImg') == "") {
                    var te = $('input[type="file"]').eq(i).parent().parent().find('span').text()
                    if (aaaa != 1) {
                        if ($('input[type="file"]').eq(i).attr('name') == 'LeaseContract') {

                        } else {
                            $(".cont").text('请上传' + te.replace('：', ''))
                            $('#my-alert').modal('open')
                            $('.button').removeAttr('disabled')
                            $('.loidn').remove()
                            return
                        }
                    } else {
                        $(".cont").text('请上传' + te.replace('：', ''))
                        $('#my-alert').modal('open')
                        $('.button').removeAttr('disabled')
                        $('.loidn').remove()
                        return
                    }

                }
            }
            for (var p = 0; p < $('input[type="file"]').length; p++) {
                var Name = $('input[type="file"]').eq(p).attr('name');
                var srcImg = $('input[type="file"]').eq(p).attr('srcImg');
                obj[Name] = srcImg
            }
            obj['Instructions'] = $('.input2').eq(0).val();
            // obj[$('.zhongjie').attr('name')] = $('.zhongjie').val();
            console.log(JSON.stringify(obj))
            if (obj.Buildings == '') {
                $(".cont").text('请选择社区建筑构成')
                $('#my-alert').modal('open')
                $('.loidn').remove()
                return
            }
            if (obj.Surrounding == '') {
                $(".cont").text('请选择周边景观')
                $('#my-alert').modal('open')
                $('.loidn').remove()
                return
            }
            if (obj.DisgustEquipment == '') {
                $(".cont").text('附近是否有嫌恶设备')
                $('#my-alert').modal('open')
                $('.loidn').remove()
                return
            }

            $.ajax({
                type: 'POST',
                url: http + '/api/prosprct/SaveMortgageInformation?keyWord=' + zhi,
                headers: {
                    "Authorize": Access_token + '|' + Refresh_token,
                    "MemberId": UserId
                },
                async: false,
                data: obj,
                dataType: "json",
                success: function (data) {
                    console.log(JSON.stringify(data))
                    $(".cont").text(data.message)
                    $('#my-alert').modal('open')
                    $('.loidn').remove()
                    $('.button').removeAttr('disabled')

                },
                error: function (err) {
                    console.log(JSON.stringify(err))
                    $('.loidn').remove()
                    $('.button').removeAttr('disabled')
                }
            })
        });
        setInterval(function(){
            var x = $(document).scrollTop() + $(window).height() - $(".button").height();
            console.log(x)
            if (x + 100 > $(document).height()) {
                $('.zancun').eq(0).hide();
                $('.shenhe').eq(0).hide();
            } else {
                $('.zancun').eq(0).show();
                $('.shenhe').eq(0).show();
            }
        },1)
        $('.shenhe').on('click', function () {
            $.ajax({
                type: 'POST',
                url: http + '/api/prosprct/SaveExploitation?keyWord=' + zhi,
                headers: {
                    "Authorize": Access_token + '|' + Refresh_token
                },
                data: {},
                success: function (data) {
                    console.log(JSON.stringify(data));
                    alert(data.message)
                    if (data.type == 1) {
                        window.location.replace("../dingfan.html")
                    }
                },
                error: function (err) {
                    console.log(JSON.stringify(err));
                }
            })
        })
    </script>
</body>

</html>